<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
        width: 200px;
        height: 50px;
        border: 1px solid red;
        /* 水平对齐方式 */
        text-align: center;
        /* 设置行高 多行控制行间距,单行控制垂直居中 */
        line-height: 50px;
        /* 文本修饰 */
        text-decoration: overline;
        text-decoration: underline;
        text-decoration: line-through;
        text-decoration: none;
        /* 文本阴影: 颜色 x偏移值 y偏移值 浓度 */
        text-shadow: red 5px 5px 10px;
        /* 字体大小 */
        font-size: 30px;
        /* 字体加粗 */
        font-weight: bold;
        /* 设置斜体 */
        font-style: italic;
        /* 设置字体 */
        font-family: cursive;
    }
    a{text-decoration: line-through}
    h1{
        font-weight: normal; /* 去掉加粗 */
        font: 15px cursive; /* 设置字体大小+字体 */
    }


  </style>
</head>
<body>
<h1>这是h1</h1>
<a href="">超链接</a>
<div>文本字体相关</div>


</body>
</html>